﻿
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>
	凡客诚品 - 会员登录
</title><link href="css/login.css" rel="stylesheet" type="text/css" /><link href="css/footer.css" rel="stylesheet" type="text/css" /><link href="css/css_login.ashx" rel="stylesheet" type="text/css" /><link rel="shortcut icon" href="https://ssl.vanclimg.com/common/favicon/favicon.ico" type="image/x-icon" />
    <script type="text/javascript" language="javascript" src="js/js.ashx"></script>
    
    <script type="text/javascript" language="javascript" src="js/script.ashx"></script>
    
    <script type="text/javascript" language="javascript" src="js/login.js"></script>
<meta name="keywords" content="凡客诚品 - 会员登录," /><meta name="description" content="凡客诚品 - 会员登录" /></head>
<style>
    .log{
        width:360px;
        height:40px;
        background:rgb(180,32,37);
        color:white;
    }
</style>
<body>
    <center>
        <div id="Head" align="left">
            <a class="logo" href="http://www.vancl.com"></a>
            <p>
                <a href="http://help.vancl.com/" target="_blank">帮助</a>
            </p>
        </div>
    </center>
    <div class="wrapper">
        <div style="width: 100%; height: 25px; position: relative;">
            <h3 style="font-size: 22px; color: #979797; font-weight: bolder; text-align: left;
                height: 25px; line-height: 25px; float: right; margin: 0 100px 0 0; width: 400px;
                position: relative;">
                凡客 Vancl 登录 <span style="font-size: 14px; font-weight: normal; position: absolute;
                    right: 0px; bottom: 0px;">没有账户免费<b><a href="/home/register">注册</a></b></span>
            </h3>
        </div>
        <div class="login">
            <div class="tag">
                <ul id="tags">
                    <li class="on">登录</li>
                   
                </ul>
            </div>
            <!--tag-->
            <form action="/home/checklogin" method="post">
            {!! csrf_field() !!}
            <div id="shows">
                <div class="user_infor">
                    <div id="_uname" class="newtxt">
                        <label>
                            请输入用户名
                        </label>
                        
                        <input id="vanclUserName" name="uname" type="text" value="" />
                    </div>
                    <div id="vanclUserNameError" class="tips">
                        用户名不能为空!
                    </div>
                    <div id="_upwd" class="newtxt">
                        <label>
                            请输入密码
                        </label>
                        <input id="vanclPassword" name="upwd" type="password" class="inputtextcolor"
                            value="" />
                    </div>
                    <div id="vanclPasswordError" class="tips">
                        密码不能为空!
                    </div>

                    
                   <div>
                       <span><img src="/vcode" alt="验证码" id="vcode" onclick="re_captcha()"/></span>
                       <span style="margin-top:0px"><input type="text" style="width:40%;height:40px;padding-top:0px" placeholder="验证码" name="captcha" value="" /></span>
                    </div>
                    
                    <div class="bt">
                        <a class="forget" href="https://login.vancl.com/login/GetPwdStep1.aspx">找回密码</a>
                        <div class="clear">
                        </div>
                        <button class="log"><font size="4">立 即 登 录</font></button>
                    </div>
                </div>
                </form>
                <!-- 横线 -->
                <div class="lines">
                </div>
                
                
                <div class="glup">
                    <span class="blank10"></span>
                    <h2 class="hezuo">
                        使用合作网站账号登录凡客</h2>
                    <span class="blank10"></span>
                    <p class="qkimg">
                        <a href="/login/wxlogin.aspx?http://shopping.vancl.com/checkout" id="a_wxlogin" class="weixin">
                        </a><a class="xiaomi" onclick="openUrl('xiaomi')" href="javascript:void(0)"></a>
                        <a href="javascript:void(0)" onclick="openUrl('alipay')" class="zhifubao"></a><a
                            class="qq" href="javascript:void(0)" onclick="openUrl('qq')"></a><a class="qihu360"
                                href="javascript:void(0)" onclick="openUrl('qihoo360')"></a><a class="weibo" href="javascript:void(0)"
                                    onclick="openUrl('sinaweibo')"></a>
                        
                        <div class="clear">
                        </div>
                        <div class="blank10">
                        </div>
                    </p>
                </div>
                <!--tishi-->
            </div>

        </div>
        <div class="advert">
            <img src="images/login120412_newlogo.jpg" id="_advertImage" style="width: 465px; display: none" />
            <img src="images/login120412_newlogo_1.jpg" style="width: 465px" />
        </div>
        <!--shows-->
        <div style="clear: both;">
        </div>
    </div>
    <center>
        
<div id="bottom" align="center">
		<div id="bottoms">
			<p class="bZp3">Copyright 2007 - 2016 vancl.com All Rights Reserved 京ICP证100557号 京公网安备11010102000579号 出版物经营许可证新出发京批字第直110138号</p>
			<div id="footerArea">
            <div class="subFooter"><a rel="nofollow" href="https://search.szfw.org/cert/l/CX20111229001302001330" class="redLogo" target="_blank"></a><span class="costumeOrg"></span><a rel="nofollow" href="http://www.315online.com.cn/member/315090053.html" class="wsjyBzzx" target="_blank"></a><a rel="nofollow" href="http://www.hd315.gov.cn/beian/view.asp?bianhao=010202010081900017" class="vanclMsg" target="_blank"></a></div>
            </div>
		</div>
	</div>
    </center>
    <!--Bottom End-->
    <script>  
      function re_captcha() {
        $url = "{{ URL('/vcode') }}";
            $url = $url + "?" + Math.random();
            document.getElementById('vcode').src=$url;
      }
    </script>
    <script type="text/javascript">
        function hoverinput(id) {
            var jqobj = $("#" + id);
            //            $(jqobj).hover(function () {
            //                var _value = $(this).find("input").val();
            //                $(this).find("input").focus();
            //                if (_value == "") {
            //                    $(this).find("label").css({ "z-index": "8" });
            //                    $(this).find("input").removeClass("hoverinput").addClass("hoverinput");
            //                }
            //            }, function () {
            //                var _value = $(this).find("input").val();
            //                if (_value != "") {
            //                    $(this).find("input").removeClass("hoverinput");
            //                } else {
            //                    $(this).find("label").css({ "z-index": "10" });
            //                }
            //                $(this).find("input").blur();
            //            });

            setTimeout(function () {
                if ($(jqobj).find("input").val() != "") {
                    $(jqobj).find("label").css({ "z-index": "8" });
                    $(jqobj).find("input").removeClass("hoverinput");
                }
            }, 1000);


            $(jqobj).bind("click", function () {
                var _value = $(this).find("input").val();
                $(this).find("input").focus();
                if (_value == "") {
                    $(this).find("label").css({ "z-index": "8" });
                    $(this).find("input").removeClass("hoverinput").addClass("hoverinput");
                }
            });

            $(jqobj).find("input").focus(function () {
                var _value = $(this).val();
                if (_value == "") {
                    $(this).parent().find("label").css({ "z-index": "8" });
                    $(this).parent().find("input").removeClass("hoverinput").addClass("hoverinput");
                }
            });

            $(jqobj).find("input").blur(function () {
                var _value = $(this).val();
                if (_value != "") {
                    $(this).removeClass("hoverinput");
                } else {
                    $(this).parent().find("label").css({ "z-index": "10" });
                }
                //$(this).blur();
            });

            $(jqobj).find("input").keyup(function () {
                var _value = $(this).val();
                if (_value != "") {
                    $(this).removeClass("hoverinput");
                }
            });

            $(jqobj).find("input").keydown(function () {
                var _value = $(this).val();
                if (_value != "") {
                    $(this).removeClass("hoverinput");
                }
            });

            setTimeout(function () {
                $("input").blur();
            }, '500');
        }


        $(document).ready(function () {
            hoverinput("_uname", "Email/手机号");
            hoverinput("_upwd");
            hoverinput("pValidate");
            hoverinput("_quickmobile");
            hoverinput("_quickmobilecode");
            hoverinput("_quickcode");

            //            setTimeout(function () {
            //                $("input").blur();
            //            },'500');

        });

        //        window.onload = function () {
        //            $("input").blur();
        //        }

    </script>
    
</body>
</html>
